﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Power House</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]><link rel="stylesheet" media="all" type="text/css" href="css/ie7.css" />
<![endif]-->
<!--[if IE 8]><link rel="stylesheet" media="all" type="text/css" href="css/ie8.css" />
<![endif]-->
<link href="fonts/stylesheet.css" rel="stylesheet" type="text/css" />
<!--slidercss-->
<link rel="stylesheet" href="css/basic-jquery-slider.css" />
<link href="css/porject-page-tab.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="themes/base/ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="ui/ui.core.js"></script>
	<script type="text/javascript" src="ui/ui.tabs.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>
    <script type="text/javascript" src="js/input.js" language="javascript"></script>
	<link type="text/css" href="css/demos.css" rel="stylesheet" />
<script type="text/javascript" src="js/pie.js" language="javascript"></script>
<style type="text/css">
ul.bjqs h1, ol.bjqs-markers li a, #some_features li .features_text h6 a {
	behavior: url("js/PIE.htc") !important;
}
</style>


</head>

<body>
<!--Header Start Here-->
<div id="header">
  <div id="top_header">
    <div class="center_frame">
      <div class="top">
        <form name="search" method="post" action="">
          <div class="search">
            <input type="text" value="Search" />
            <a href="default.htm"></a> </div>
        </form>
       
        <div class="language"> <a href="#" class="english active" id="">&nbsp;</a> <a href="#" class="german">&nbsp;</a> <a href="#" class="spanish">&nbsp;</a> </div>
        <div class="login"> <a href="login.html" class="login_img">&nbsp;</a> <a href="register.html" class="register">&nbsp;</a> </div>
      </div>
    </div>
  </div>
  <!--Top Header End Here-->
  <div id="logo_nav">
    <div class="bg">
      <div class="center_frame">
                <!--Logo And Navigation Start Here-->
        <div class="logo"> <a href="index.html"><img src="images/logo.png" alt=""  /></a> </div>
            <ul id="navigation">
                  <li><a href="index.html"><span>Home</span></a></li>
                  <li><a href="about.html"><span>About</span></a></li>
                  <li><a href="#"><span>Project 84</span></a> 
                    <ul>
                        <li> <a href="project.html" class="life">Life with P84</a> <span class="nav_line"></span></li>                
                        <li> <a href="#" class="life_1">Always full power</a> <span class="nav_line"></span></li>                
                        <li> <a href="#" class="life_2">Media access</a>  <span class="nav_line"></span></li>               
                        <li> <a href="#" class="life_3">Infinite creativity</a> <span class="nav_line"></span></li>                
                        <li> <a href="#" class="life_4">How to install P84</a> </li>
                    </ul>
                  </li>
                  <li><a href="services.html"><span>Services</span></a></li>
                  <li><a href="contact.html"><span>Contact</span></a></li>
                  <li><a href="blog.html"><span>Blog</span></a></li>
            </ul>
        <!--Logo And Navigation End Here-->
        <!--CHANGE ONLY THIS PART HERE-->
        
        <!--Project Top Start Here --> 
        	<div id="project_84">
            	<h1>The process is <strong>simple &#43; safe</strong> and allows you <br />to live the life you've always <strong>dreamt about.</strong></h1>
                <a class="proj_sign" href="#">&nbsp;</a>
                <div id="proj_process">
                	<div class="proj_process">
                			<a href="#" class="subject_brain">&nbsp;</a>
                        	<p>First we attach the chip to<br />the subject's brain</p>                        	
                	</div><div class="arrwo_bg"></div>
                    <div class="proj_process">
                			<a href="#" class="lens_eve">&nbsp;</a>
                        	<p>The subject then has to<br /> wear a lens on the eye</p>                        	
                	</div><div class="arrwo_bg"></div>
                    <div class="proj_process">
                			<a href="#" class="safe_fast">&nbsp;</a>
                        	<p>This all provides instant,<br /> safe &#43; fast internet access</p>                        	
                	</div>
                </div>
            </div>
        <!--Project Top Start Here --> 
        <!--CHANGE ONLY UPERE PART IN INNER PAGES-->
      </div>
    </div>
  </div>
</div>
<!--Header End Here--> 
<!--Wrapper Start Here-->
<div id="wrapper">
  <div id="wrapper_top_project">
    <div class="center_frame">
     <!--Tab Contant Start Here-->
       <!--tab start here-->
  <div class="tab-wrapper" id="tab-wrapper"> 
    
    <div class="tab_container"> 
      <!--first post start here-->
      <div id="tab1" class="tab_content"> <img class="tab_img" alt="" src="images/project_img_1.png"> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Safety first1</h1>
          <h6>Don't worry about anything anymore. Ever. Period.</h6>
          <p>Gone are the days when you had to think about bookmarking, deleting history or whatever else you had to think about. Actually.. all you have to do is think. So, maybe the days of thinkin aren't over. But it's safe to say that everything happens if you want it to and there will be no one to tell you otherwise or sneak into your system.</p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--first post end here--> 
      <!--second post start here-->
      <div id="tab2" class="tab_content"> <img class="tab_img" alt="" src="images/project_img_1.png"> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Safety first2</h1>
          <h6>Don't worry about anything anymore. Ever. Period.</h6>
          <p>Gone are the days when you had to think about bookmarking, deleting history or whatever else you had to think about. Actually.. all you have to do is think. So, maybe the days of thinkin aren't over. But it's safe to say that everything happens if you want it to and there will be no one to tell you otherwise or sneak into your system.</p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--second post end here--> 
      <!--thired post start here-->
      <div id="tab3" class="tab_content"> <img class="tab_img" alt="" src="images/project_img_1.png"> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Safety first3</h1>
          <h6>Don't worry about anything anymore. Ever. Period.</h6>
          <p>Gone are the days when you had to think about bookmarking, deleting history or whatever else you had to think about. Actually.. all you have to do is think. So, maybe the days of thinkin aren't over. But it's safe to say that everything happens if you want it to and there will be no one to tell you otherwise or sneak into your system.</p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--thired post end here--> 
      <!--fourth post start here-->
      <div id="tab4" class="tab_content"> <img class="tab_img" alt="" src="images/project_img_1.png"> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Safety first4</h1>
          <h6>Don't worry about anything anymore. Ever. Period.</h6>
          <p>Gone are the days when you had to think about bookmarking, deleting history or whatever else you had to think about. Actually.. all you have to do is think. So, maybe the days of thinkin aren't over. But it's safe to say that everything happens if you want it to and there will be no one to tell you otherwise or sneak into your system.</p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--fourth post end here--> 
      <!--fifth post start here-->
      <div id="tab5" class="tab_content"> <img class="tab_img" alt="" src="images/project_img_1.png"> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Safety first5</h1>
          <h6>Don't worry about anything anymore. Ever. Period.</h6>
          <p>Gone are the days when you had to think about bookmarking, deleting history or whatever else you had to think about. Actually.. all you have to do is think. So, maybe the days of thinkin aren't over. But it's safe to say that everything happens if you want it to and there will be no one to tell you otherwise or sneak into your system.</p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--fifth post end here--> 
      <!--sixth post start here-->
      <div id="tab6" class="tab_content"> <img class="tab_img" alt="" src="images/project_img_1.png"> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Safety first6</h1>
          <h6>Don't worry about anything anymore. Ever. Period.</h6>
          <p>Gone are the days when you had to think about bookmarking, deleting history or whatever else you had to think about. Actually.. all you have to do is think. So, maybe the days of thinkin aren't over. But it's safe to say that everything happens if you want it to and there will be no one to tell you otherwise or sneak into your system.</p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--sixth post end here--> 
    </div>
   
   
    <div class="tab-header">
      <ul class="tabs">
             
        <li class="sef1"><a href="#tab1"><strong>The Environment</strong></a></li>
    	<li class="sef2"><a href="#tab2"><strong>Brain Games</strong></a></li>
    	<li  class="sef3"><a href="#tab3"><strong>Protective System</strong></a></li>
        <li  class="sef4"><a href="#tab4"><strong>Safety First</strong></a></li>
        <li  class="sef5"><a href="#tab5"><strong>Detailed Tracking</strong></a></li>
        <li  class="sef6"><a href="#tab6"><strong>Google Maps</strong></a></li>
      </ul>
    </div>
     
  </div>
  <!--tab end here--> <!-- //Tab Container -->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    //When page loads...
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content
    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); //Remove any "active" class
            $(this).addClass("active"); //Add "active" class to selected tab
			$('#tab2').addClass("active_1"); 
			$('#tab3').addClass("active_2");
			$('#tab4').addClass("active_3");
			$('#tab5').addClass("active_4");
			$('#tab6').addClass("active_5"); // set clicked link to highlight state
            $(".tab_content").hide(); //Hide all tab content
            var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
            $(activeTab).show(); //Fade in the active ID content
            return false;
        });

      });

</script>

      <!--Tab Contant End Here-->
    </div>
  </div>
  <!--Top Wrapper End Here--> 
  <!--Main Contant Start Here-->
  <div id="main_contant">
    <div class="center_frame">
      <div id="project_84_main_contant">
      		<h1>Let's look at some of the features</h1>
            <ul id="some_features">
            	<li>
                	<img src="images/remember_every.png" alt=""  />
                    <div class="features_text">
                    	<h6>Remember everything</h6>
                        <p>Don't ever forget anything again. The chip in your brain makes sure everything is kept. And kept safe forever and ever.</p>
                    </div>
                </li>
                <li>
                	<img src="images/up_2_date.png" alt=""  />
                    <div class="features_text">
                    	<h6>Up-to-date 24/7</h6>
                        <p>On our end we'll make sure you're updated with the newest software. It happens while you sleep and it doesn't take more than a few minutes.</p>
                    </div>
                </li>
                <li>
                	<img src="images/full_power.png" alt=""  />
                    <div class="features_text">
                    	<h6>Full power</h6>
                        <p>You're the battery, so don't ever worry about power. As long as your heart beats you're online and only when you're finally dead you're out of power.</p>
                    </div>
                </li>
                <li>
                	<img src="images/chat_every.png" alt=""  />
                    <div class="features_text">
                    	<h6>Chat with everyone <a >Not Included In Beta</a></h6>
                        <p>Want to call your mom? Your son? Your best friend? All you have to do is imagine them and you'll be redirected instantly.</p>
                    </div>
                </li>
                
                
                <li>
                	<img src="images/service_provided.png" alt=""  />
                    <div class="features_text">
                    	<h6>Service provided</h6>
                        <p>If the chip or lens malfunctions we're here to help day and night. Call us or go online where pretty ladies sit at telephones. We're at your service.</p>
                    </div>
                </li>
                <li>
                	<img src="images/growing_com.png" alt=""  />
                    <div class="features_text">
                    	<h6>Growing community</h6>
                        <p>We're growing fast so join in while you can and the Beta is free. It won't be long until we go gold and then you'd have to pay a lot!</p>
                    </div>
                </li>
                <li>
                	<img src="images/via_chip.png" alt=""  />
                    <div class="features_text">
                    	<h6>Sustenance via chip<a >Coming Soon</a></h6>
                        <p>Soon we'll implement something incredible: You won't have to ever eat or drink again.. quite useful for busy businessmen and others.</p>
                    </div>
                </li>
                <li>
                	<img src="images/save_money.png" alt=""  />
                    <div class="features_text">
                    	<h6>Save money</h6>
                        <p>No need to buy smart phones, computers, speakers, radios or anything else. It's all there in your brain and in your eye ready for use.</p>
                    </div>
                </li>
            </ul>
      </div>
    </div>
  </div>
  <!-- Main Contant End Here --> 
</div>
<!--Wrapper End Here-->
<div id="footer">
  <div id="footer1">
    <div id="fbox1">
      <h2>Browse</h2>
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="">Application</a>
          <ul class="fsub-menu">
            <li><a href="project.html">Life with P84</a></li>
            <li><a href="#">Always full power</a></li>
            <li><a href="#">Media access</a></li>
            <li><a href="#">Infinite creativity4</a></li>
            <li><a href="#">How to install P84</a></li>
          </ul>
        </li>
        <li><a href="services.html">Services</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
      <ul>
        <li><a href="#">Frequently Asked Questions</a>
          <ul class="fsub-menu">
            <li><a href="#">Top 10 Questions</a></li>
            <li><a href="#">Is it safe?</a></li>
            <li><a href="#">What's the procedure like?</a></li>
            <li><a href="#">How much does it cost?</a></li>
            <li><a href="#">What if I die?</a></li>
          </ul>
        </li>
        <li><a href="#">Privacy Policy</a></li>
        <li><a href="#">Sitemap</a> </li>
        <li><a href="#">Job Opportunities</a></li>
        <li><a href="#">Advertisement</a></li>
      </ul>
    </div>
    <div id="fbox2">
      <h2>Connect with us</h2>
      <div class="share"> <a href="http://sc.chinaz.com" class="facebook">&nbsp;</a> <a href="http://sc.chinaz.com" class="twitter">&nbsp;</a> <a href="#" class="skype">&nbsp;</a> <a href="#" class="in">&nbsp;</a> <a href="#" class="email">&nbsp;</a> </div>
      <form name="signup" method="post" action="">
        <div class="newsletter">
          <h2>Join our newsletter</h2>
          <input name="" type="text" value="Enter you Emails" />
          <input name="" type="submit" />
          <a href="#">Click here to unsubscribe</a> </div>
      </form>
    </div>
    <div id="fbox3"> <img src="images/templatemo_logo.png" alt="" /><br />Sundaram Technologies Solution<br />
     F-339, Raghuleela Mega Mall, Kandivali [W], Mumbai - 400067, Maharastra, India <br />Call: +91 22 42661121 </span> </div>
  </div>
  <div id="copyrights">
    <div>&copy; Copyright 2012 PowerHouse Corporation, All Rights Reserved</div>
  </div>
</div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
